<template>
	<!-- <view class="page" :style="{'min-height':h+'px','padding-top':(mt)+'px'}"> -->
	<view class="page" :style="{'min-height':h+'px','padding-top':(mt)+'px'}">
		<!-- <c-nav-bar :showHome="false" :title="title"></c-nav-bar> -->

		<customNavBar1 :title="title"></customNavBar1>

		<swiper class="swiper" :circular="true" :autoplay="true" :interval="3000" :duration="1000"
			style="height: 612rpx;">
			<swiper-item class="swiper-items" v-for="item,index in list" @tap="turnLinkUri(item.linkUri)">
				<image class="image" style="width: 100%; height: 100%;" :src="item.path" mode="aspectFit"></image>
			</swiper-item>
		</swiper>

		<view class="two">
			<view class="two-center">
				<view class="two-center-one">
					<view class="left">
						<span class="item" @click="areaShow=!areaShow" :class="areaShow==true?'arrow-up-fill':''">
							<u-icon name="arrow-down-fill" bold='true' v-if="areaShow==false" size="20" :label="areaVal"
								labelPos="left" labelSize="30" labelColor='#111' color='#111'></u-icon>
							<u-icon name="arrow-up-fill" bold='true' v-else color="#007a68" labelColor='#007a68'
								size="20" :label="areaVal" labelPos="left" labelSize="30"></u-icon>
						</span>
					</view>
					<view class="right" @click="getLocation()">
						<!-- 查看全部 -->
						<image src="https://i.ringzle.com/file/20240129/3b17c1de08ad45a4bbec71a2726dfe56.png" mode="">
						</image>
					</view>
				</view>
				<view class="two-center-two">
					<view class="df-one">
						<u-row customStyle="margin-bottom: 10px">
							<u-col span="6">
								<view class="demo-layout bg-purple"> 入住日期</view>
							</u-col>

							<u-col span="6">
								<view class="demo-layout bg-purple-dark"> 离店日期 </view>
							</u-col>
						</u-row>
					</view>
					<view class="df-two" @tap="timeShow=true">
						<u-row customStyle="margin-bottom: 10px">
							<u-col span="5">
								<view class="demo-layout bg-purple">
									<text style="margin-left: 18rpx;">{{arrive}}</text>
									<text style="font-size: 24rpx; color: #999999; margin: 10rpx;">{{departWeek}}</text>
									<!-- 	<text v-for="item,index in clandars">{{item.tip}}</text> -->
									<!-- <u-icon name="arrow-right" size="24rpx"></u-icon> -->
								</view>
							</u-col>
							<u-col span="2">
								<view class="demo-layout bg-purple-light">共{{count}}晚</view>
							</u-col>
							<u-col span="5">
								<view class="demo-layout bg-purple-dark">
									<text style="margin-left: 20rpx;">{{leave}}</text>
									<text
										style="font-size: 24rpx; color: #999999; margin: 10rpx;">{{departWeeks}}</text>
									<!-- <text v-for="item,index in clandars" :key="index">{{item.tip}}</text> -->
									<!-- <u-icon name="arrow-right" size="24rpx"></u-icon> -->
								</view>
							</u-col>
						</u-row>
					</view>
				</view>
				<view class="two-center-three">
					<template>
						<u--input placeholder="酒店民宿名称/位置" border="bottom" clearable v-model="values"></u--input>
						<!-- 	<u--input placeholder="关键字/位置/酒店民宿名称" border="bottom" @blur="onChanges" clearable
							v-model="values"></u--input> -->
					</template>
				</view>
				<view class="two-center-four" @click="search">
					开 始 搜 索
				</view>

			</view>
		</view>


		<view class="feature-three">
			<!-- <span class="left"> <u-tabs :list="list1" @click="click"></u-tabs></span> -->
			<u-tabs :lineHeight='0' :activeStyle="{
            color: '#000',
            fontWeight: 'bold',
            transform: 'scale(1.2)'
        }" :inactiveStyle="{
            color: '#AAAAAA',
            transform: 'scale(1)'
        }" :list="list2" @click="click"></u-tabs>
			<span @click="search1" class="right">更多
				<!-- <u-icon name="arrow-right" size='24'></u-icon> -->
				<view class="image">
					<image src="https://i.ringzle.com/file/20240123/3cf0f794b73d4cf691371408fbd3b5e3.png"
						mode="aspectFill">
					</image>
				</view>
			</span>
		</view>

		<view class="card">
			<view class="" v-for="item,index in cardLists" :key="index">
				<view class="card-store" @click="cardBtn(item)">
					<view class="card-left">
						<image :src="item.cover" mode="aspectFill"></image>
						<text class="text" v-if="item.isTransfer==1"> 码头接送</text>
						<text v-else></text>
					</view>
					<view class="card-right" :class="item.bottomPrice !==null?'':'gray'">
						<view class="card-title" :class="item.bottomPrice !==null?'':'gray'">
							{{item.name}}
						</view>
						<view class="card-text">
							{{item.islandName}}
							<view></view> {{item.categorytext}}
						</view>
						<view class="card-text1">
							<!-- 	<u-tag v-for="ite,ids in item.featureLabelList" :text="ite" type="success" plain size="mini"
								borderColor='#DCC7AB' color='#C9A771'>
							</u-tag> -->
							<text v-for="ite,ids in item.featureLabelList">{{ite}}</text>
						</view>

						<view class="card-price">
							<text v-if='item.bottomPrice'>
								<text style="font-size: 24rpx; font-weight: Regular;">￥</text>
								<text style="font-weight: bold; font-size: 36rpx;"> {{item.bottomPrice||''}}</text>
								<text style="font-size: 24rpx; padding: 0 6rpx 0;  font-weight: Regular;">起</text>
							</text>
							<text v-else>暂无可预订房型</text>
						</view>
					</view>
				</view>
			</view>
		</view>

		<!-- 选择入驻时间 -->
		<u-calendar class="u-time" startText="住店" endText="离店" confirmDisabledText="请选择离店日期" :show="timeShow"
			:mode="mode" @confirm="confirm" @close="closeDate" :closeOnClickOverlay="true" color="#007A69"></u-calendar>
		<!-- 选择乡镇弹框 -->
		<u-popup :show="areaShow" @close="close" :round="24" @open="open">
			<view class="custom_popup">
				<view class="types">
					<view class="pricequjian" style="height: 240rpx;">
						<view class="jiage" v-for="(item, index) in list1" :key="index"
							@click="clickareaShow(item, index)">
							<view class="contentpeice" :class="{ 'Doublactive': item.region }">
								{{ item.name }}
								<view class="xuanzhong" v-if="item.region">
									<img src="https://i.ringzle.com/file/20240227/65d9cecc2770427e8185d922d57d1936.png"
										alt="">
								</view>
							</view>
						</view>
					</view>
					<view class="u-btn">
						<view class="left" @click="del">
							<text> 重置</text>
						</view>
						<view class="right" @click="add">
							<text>确定</text>
						</view>
					</view>
				</view>
			</view>
		</u-popup>
	</view>
</template>

<script>
	// var ggTimer;
	// var amapFile = require('../../utils/amap-wx.130.js');
	import customNavBar1 from '@/compoments/uNavBar1'
	export default {
		components: {
			customNavBar1
		},
		data() {
			return {
				list2: [{
					name: '推荐美宿',
				}, {
					name: '等级民宿',
				}, {
					name: '普通民宿',
				}],
				title: '酒店民宿',
				// h: uni.getSystemInfoSync().windowHeight,
				// mt: uni.getSystemInfoSync().statusBarHeight + 44,
				timeShow: false,
				areaShow: false,
				mode: 'range',
				time: '',
				FormData: {
					arriveDate: '', //	到达时间(yyyy-MM-dd)
					leaveDate: '', //离开时间(yyyy-MM-dd)
					limit: -1, //每页显示记录数
					page: 1, //当前页码
					name: '',
					islandId: '',
					areaVal: '',
					isRecommend: 1,
					category:''
				},
				arriveTime: 11,
				arriveTimes: 11,
				leaveTime: 11,
				leaveTimes: 12,
				count: 1,
				cardLists: {},
				weeks: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],
				departWeek: '',
				departWeeks: '',
				clandars: [],
				today: '',
				nextday: '',
				arrive: '',
				leave: "",
				values: "",
				list: [{
					path: 'https://fsy.shengsi.gov.cn/file/20240730/b5af701ee44c4f05a307a329f57c157a.png',
					route: ''
				}],
				category: [],
				categorytext: "",
				dictValue: '',
				categoryList: [],
				list1: [{
					name: '全部',
					id: ''
				}],
				areaVal: '全部',
				areaShowIndex: 0,
				address: '',
				status: 'more', //加载状态
				areaValList: []


			};
		},

		//上拉加载
		onReachBottom() {
			if (this.status != 'noMore') {
				this.status = 'loading'
				this.FormData.page++;
				this.getData()
			}
		},


		mounted() {
			this.videoplayObj = wx.createVideoContext('myVideo')
			this.FormData.arriveDate = this.getDays(0);
			this.FormData.leaveDate = this.getDays(1);

			this.arrive = this.getDays(0);
			this.leave = this.getDays(1);

			this.departWeek = this.weeks[new Date().getDay()];
			this.departWeeks = this.weeks[new Date().getDay() + this.count];

			// this.initClandar()
			// this.confirm()
			this.getList()
			this.getDict()
			this.getAddressList()
			// this.getAddressAndWeather()
			let list2 = [{
				name: '全部',
				id: ''
			}]
			// 存储数据
			wx.setStorageSync("listAreaVal", list2)

		},


		methods: {
			click(e){
				this.FormData.page=1
				let type
				if(e.index==0){
					this.FormData.category = ''
				}
				else if(e.index==1){
					this.FormData.category  = 'ClassHomestay'
				}
				else if(e.index==2){
					this.FormData.category  = 'Homestay'
				}
				this.getList()
			},
			// 重置
			del() {
				this.areaShow = false //区域
				// this.hourglassShow = false
				this.regionList = []
				this.areaValList = []
				this.list1.filter(item => item.region = false)
				this.areaVal = '全部'
				this.areaShowIndex = 0
				this.FormData.islandId = ''
				this.FormData.areaVal = '全部'
				this.FormData.name = ''
				this.values = ''
				let list2 = [{
					name: '区域',
					id: ''
				}]
				// 存储数据
				wx.setStorageSync("listAreaVal", list2)

			},
			// 确定
			add() {

				// this.hourglassShow = false;
				this.areaShow = false //三镇四乡 筛选

				let list2 = this.list1.filter(item => item.region == true)


				if (list2 != '') {
					list2.forEach(item => {
						this.regionList.push(item.id)
					})
					// this.FormData.areaVal = list2[0].name
					this.FormData.islandId = this.regionList.toString()
					list2.forEach(item => {
						this.areaValList.push(item.name)
					})
					this.FormData.areaVal = this.areaValList.toString()
					this.areaVal = list2[0].name
					// 存储数据
					wx.setStorageSync("listAreaVal", list2)
				} else {
					this.del()
					let list2 = [{
						name: '区域',
						id: ''
					}]
					// 存储数据
					wx.setStorageSync("listAreaVal", list2)
				}


				this.regionList = []
				this.areaValList = []
			},


			open() {

			},
			close() {
				this.areaShow = false
			},
			// 区域筛选
			clickareaShow(e, i) {
				// this.areaShowIndex = i;
				// this.FormData.islandId = e.id
				// this.FormData.areaVal = e.name

				// this.areaVal = e.name
				// this.areaShow = false

				this.areaShowIndex = i;
				this.FormData.islandId = e.id

				this.regionList = []
				if (this.list1 != '') {
					this.$set(this.list1[i], 'region', !this.list1[i].region)
					if (i == 0) {
						this.list1.forEach((item, index) => {
							if (index > 0 && this.list1[i].region) {
								this.$set(this.list1[index], 'region', false)
							}
						})
					} else {
						this.$set(this.list1[0], 'region', false)
					}
					let list2 = this.list1.filter(item => item.region == true)
					list2.forEach(item => {
						this.areaValList.push(item.name)
					})
					this.FormData.areaVal = this.areaValList.toString()
					this.areaVal = list2[0].name
				} else {
					this.del()
					let list2 = [{
						name: '区域',
						id: ''
					}]
					// 存储数据
					wx.setStorageSync("listAreaVal", list2)
				}



			},

			// 获取区域
			getAddressList() {
				this.$api.get("/api/hotel/selectScenicList", this.FormData).then((res) => {
					let AddressList = res.data.data
					AddressList.forEach(item => {
						this.list1.push({
							name: item.scenicName,
							id: item.id
						})
					})
					this.list1.forEach((item, index) => {
						this.$set(this.list1[index], 'region', false)
					})
					this.areaShowIndex = this.list1.findIndex((item) => item.name == this.areaVal);
					// this.tabList(this.list1)
				});
			},
			getLocation() {
				uni.getLocation({
					type: 'gcj02', //设置type为gcj02
					isHighAccuracy: true,
					success: async (res) => {
						const {
							latitude,
							longitude
						} = res
						this.$showToast("已获取当前位置");
						this.latitude = latitude
						this.longitude = longitude
						this.getRegionByLonLat(longitude, latitude)
					},
					fail: function(err) {},
					complete: function() {}
				})
			},
			getRegionByLonLat(lon, lat) {
				this.$api.get(`/api/scenic/getRegionByLonLat/${lon}/${lat}`).then(res => {
					this.areaVal = res.data.data.scenicName
					this.FormData.islandId = res.data.data.id
				})
			},


			// 获取轮播图数据
			getDict() {
				this.$api.get('/sys/dict/type/all').then(res => {
					let dataList = res.data.data.find((p) => p.dictType == 'banner_type').dataList;
					dataList.forEach(item => {
						if (item.dictLabel == this.title) {
							this.getSwiper(item.dictValue)
						}
					})
				})
			},
			// 获取轮播图数据
			getSwiper(type) {
				this.$api.get(`/sys/isappletpic/queryBannerByType/${type}`).then(res => {
					if (res.data.code === 0) {
						let list = res.data.data.bannerList.map(b => {
							return {
								path: b.path,
								route: b.linkUri
							}
						});
						if (list.length > 0) this.list = list;
					}
				})
			},
			turnLinkUri(url) {
				if (url) uni.navigateTo({
					url
				})
			},
			closeDate() {
				this.timeShow = false;
			},



			getDays(day) {
				var today = new Date();

				var targetday_milliseconds = today.getTime() + 1000 * 60 * 60 * 24 * day;

				today.setTime(targetday_milliseconds); //注意，这行是关键代码

				var tYear = today.getFullYear();
				var tMonth = today.getMonth();
				var tDate = today.getDate();
				var week = today.getDay();
				tMonth = this.doHandleMonth(tMonth + 1);
				tDate = this.doHandleMonth(tDate);
				if (day == 0) {
					this.FormData.arriveDate = tYear + '-' + tMonth + '-' + tDate
				} else if (day == 1) {
					this.FormData.leaveDate = tYear + '-' + tMonth + '-' + tDate
				}
				return tMonth + "月" + tDate + '日'
			},
			doHandleMonth(month) {
				var m = month;
				if (month.toString().length == 1) {
					m = "0" + month;
				}
				return m;
			},
			initClandar() {
				for (let i = 0; i < 6; i++) {
					this.clandars.push({
						tip: i == 0 ? '今天' : (i == 1 ? '明天' : (this.weeks[new Date(new Date().setDate(new Date()
							.getDate() + i)).getDay()])),
					})
				}
				this.defaultDate = this.item.startDate;
				let fidx = this.clandars.findIndex(d => d.nyr == this.item.startDate);
				this.cidx = fidx == -1 ? '' : fidx;
			},

			confirm(e) {
				let start = new Date(e[0]).getTime();
				let end = new Date(e[e.length - 1]).getTime();
				let time = end - start;


				let day = parseInt(time / (1000 * 60 * 60 * 24));
				let arriveDate = e[0]; // 截取第一个字符
				let leaveDate = e[e.length - 1]; // 截取最后一个字符

				this.FormData.arriveDate = arriveDate
				this.FormData.leaveDate = leaveDate


				this.arrive = arriveDate.slice(5, 7) + "月" + arriveDate.slice(8, 10) + "日"

				this.leave = leaveDate.slice(5, 7) + "月" + leaveDate.slice(8, 10) + "日"


				this.count = day;
				this.timeShow = false
				this.departWeek = this.weeks[new Date(e[0]).getDay()];
				this.departWeeks = this.weeks[new Date(e[e.length - 1]).getDay()];
				this.getList()

			},
			// 搜索
			onChanges(e) {
				this.FormData.name = this.values
				// this.FormData.name = e.detail.value
				// this.getList()
				// 存储数据
				uni.setStorageSync('week', {
					departWeek: this.departWeek,
					departWeeks: this.departWeeks
				});
				uni.navigateTo({
					url: "/pagesTrip/hotel/search/index?list=" + JSON.stringify({
						...this.FormData,
						count: this.count
					})
				})
			},
			// 去详情
			cardBtn(item) {
				uni.navigateTo({
					url: "/pagesTrip/hotel/details/index?list=" + JSON.stringify([{
						homestayId: item.id,
						name: item.name,
						...this.FormData,
					}])
				})

			},
			search() {
				this.FormData.name = this.values
				// 存储数据
				uni.setStorageSync('week', {
					departWeek: this.departWeek,
					departWeeks: this.departWeeks
				});

				uni.navigateTo({
					url: "/pagesTrip/hotel/search/index?list=" + JSON.stringify({
						...this.FormData,
						count: this.count
					})
				})
				// setTimeout(() => {
				// this.FormData.name =''
				// }, 1000)
			},
			search1() {
				// 存储数据
				uni.setStorageSync('week', {
					departWeek: this.departWeek,
					departWeeks: this.departWeeks
				});

				this.FormData.name = ''
				uni.navigateTo({
					url: "/pagesTrip/hotel/search/index?list=" + JSON.stringify({
						...this.FormData,
						count: this.count
					})
				})
			},

			async getData() {
				let hcs = await this.getHotelCategory();
				let that = this
				this.$api.get("/api/hotel/getHomestayPage", this.FormData).then((res) => {
					// this.cardLists = res.data.data.list;
					if (res.data.code === 0) {
						let {
							list,
							total
						} = res.data.data;
						if (that.cardLists.length + list.length > total || list.length == 0)
							return that.isOver = true;
						that.cardLists = [...that.cardLists, ...list];
						this.cardLists.forEach(item => {
							this.category = item.category
						})
						this.cardLists.forEach(item => {
							this.category = item.category
						})
						this.cardLists.forEach(item => {
							let t = hcs.find(h => h.dictValue == item.category);
							item.categorytext = t ? t.dictLabel : ''
						})
					} else that.$showToast(res.data.msg);
				});
			},




			async getList() {
				let hcs = await this.getHotelCategory();
				this.$api.get('/api/hotel/getHomestayPage', this.FormData)
					.then(res => {
						this.cardLists = res.data.data.list
						this.cardLists.forEach(item => {
							let t = hcs.find(h => h.dictValue == item.category);
							item.categorytext = t ? t.dictLabel : ''
						})
					})
			},


			// 获取酒店等级
			async getHotelCategory() {
				return new Promise((resolve, reject) => {
					this.$api.post('/api/dict/getListByTypes', ['HotelCategory']).then(res => {
						if (res.data.code === 0) {
							resolve(res.data.data);
						} else reject()
					})
				})
			},

		}
	}
</script>

<style lang="scss">
	.u-btn {
		margin-top: 50rpx;
		display: flex;
		justify-content: space-between;

		.left,
		.right {
			width: 300rpx;
			height: 88rpx;
			border-radius: 50rpx;
			border: 1rpx solid #007A69;
			font-size: 32rpx;
			text-align: center;
			display: flex;
			align-items: center;

			text {
				margin: 0 119rpx;
			}
		}

		.left {
			color: #007A69;
		}

		.right {
			color: #fff;
			background-color: #007A69;
			color: #fff;
		}
	}

	.gray {
		filter: grayscale(100%);
		// filter: brightness(70%) !important;
		color: #AAAAAA !important;

	}

	.gray1 {
		// filter: brightness(70%) !important;
		color: #FFFFFF !important;
		background-color: #CCCCCC !important;
	}





	.custom_popup {
		height: 40vh;
		padding: 40rpx;
	}

	.jiage {
		margin: 0 7rpx;
		width: 22%;
		height: 68rpx;

		.contentpeice {
			box-sizing: border-box;
			border-radius: 12rpx;
			background: #F4F7F9;
			width: 100%;
			height: 100%;
			font-family: PingFangSC, PingFang SC;
			font-weight: 400;
			font-size: 26rpx;
			color: #333333;
			line-height: 66rpx;
			text-align: center;
			font-style: normal;
			position: relative;

			.xuanzhong {
				width: 30rpx;
				height: 25rpx;
				position: absolute;
				bottom: -1rpx;
				right: -1rpx;
				// border-top-left-radius: 10rpx;
				background: #007A69;
				display: flex;
				align-items: center;
				justify-content: center;
				border-radius: 10rpx 0 10rpx 0;

				img {
					width: 16rpx;
					height: 16rpx;
				}
			}
		}

	}

	.pricequjian {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.Doublactive {
		background-color: #F0F7F6 !important;
		color: #007A69 !important;
		border: 1px solid #007A69 !important;

	}

	.page {
		// background: #f5f8fa;

		.one-banner {
			position: relative;
			width: 750rpx;
			height: 434rpx;

			image {
				width: 100%;
				height: 100%;
			}
		}

		.two {
			// width: 702rpx;
			width: 655rpx;
			height: 480rpx;


		}

		.two-center {
			box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
			box-sizing: border-box;
			margin: -70rpx 24rpx 0;
			position: absolute;
			width: 94%;
			height: 548rpx;
			background: #fff;
			padding: 0 24rpx;
			border-radius: 16rpx;

			.two-center-one {
				display: flex;
				justify-content: space-between;
				margin: 43rpx 0;

				.left {
					font-size: 36rpx;
					color: #333333;
					margin-left: 20rpx;
					font-weight: 600;
				}

				.right {
					display: flex;
					align-items: center;
					font-size: 26rpx;
					color: #999999;

					image {
						margin: 0 8rpx;
						width: 36rpx;
						height: 36rpx;

					}
				}


			}

			.two-center-two {
				.df-one {
					// display: flex;
					// justify-content: center;
					// text-align: center;
					font-size: 26rpx;
					color: #999999;


					.bg-purple {
						margin-left: 18rpx;
					}

					.bg-purple-dark {
						margin-left: 77rpx;
					}
				}

				.df-two {

					border-bottom: 2rpx solid #f5f8fa;

					.bg-purple,
					.bg-purple-dark {
						display: flex;
						// justify-content: center;
						font-size: 36rpx;
						color: #111111;
						text-align: center;
						font-weight: 600;


						// text {
						// 	font-weight: 500;
						// 	font-size: 26rpx;
						// 	color: #666666;
						// 	display: flex;
						// 	align-items: center;
						// }
					}

					.bg-purple-light {
						font-weight: Regular;
						font-size: 24rpx;
						color: #111111;
						border: 2rpx solid #EFEFEF;
						text-align: center;
						border-radius: 50rpx;
						width: 98rpx;
						height: 48rpx;
						line-height: 48rpx;

					}

				}
			}

			.two-center-three {
				.u-input__content {
					height: 90rpx !important;
				}
			}

			.two-center-four {
				margin-top: 42rpx;
				width: 642rpx;
				height: 88rpx;
				line-height: 88rpx;
				/* 自定义线性渐变，从左上到右下，同时包含多个颜色 */
				// background: linear-gradient(to right, #FF7D43, #FFA414);
				background-color: #007A69;

				font-size: 32rpx;

				color: #FFFFFF;
				text-align: center;
				border-radius: 50rpx;
				font-weight: bold;

			}
		}

		.feature-three {
			// background-color: aqua;
			// background: linear-gradient(to bottom, #ffffff, #e4f4ff);
			padding: 30rpx 24rpx 24rpx;
			// height: 60rpx;
			display: flex;
			justify-content: space-between;
			align-items: center;

			.left {
				font-size: 36rpx;
				font-weight: Bold;
				color: #111;

			}

			.right {
				color: #999999;
				font-size: 26rpx;
				display: flex;
				align-items: center;

				.image {
					width: 24rpx;
					height: 24rpx;
					line-height: 10rpx;

					image {
						width: 100%;
						height: 100%;
					}
				}

			}

		}

		.card {
			padding: 24rpx;
			box-sizing: border-box;

			.card-store {
				// margin: 20rpx 24rpx;
				display: flex;
				background-color: #fff;
				width: 720rpx;
				height: 240rpx;
				border-radius: 10rpx;
				margin-bottom: 20rpx;

				.card-left {
					width: 200rpx;
					height: 240rpx;
					position: relative;
					// border-radius: 10rpx 0 0 10rpx;

					image {
						// border-radius: 16rpx 0 0 16rpx;
						border-radius: 16rpx;
						width: 100%;
						height: 100%;
					}

					.text {
						position: absolute;
						top: 0;
						left: 0;
						font-size: 20rpx;
						color: #FFFFFF;
						background: #feb000;
						border-radius: 16rpx 0 18rpx 0;
						padding: 2rpx 10rpx;
					}


				}

				.card-right {
					padding: 24rpx 24rpx;
					width: 440rpx;

					.card-title {
						width: 440rpx;
						font-size: 32rpx;
						color: #111;
						font-weight: bold;
						display: -webkit-box;
						font-weight: Regular;
						-webkit-line-clamp: 1;
						-webkit-box-orient: vertical;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: normal;
					}

					.card-text {
						display: flex;
						margin: 24rpx 0;
						font-size: 24rpx;
						color: #666666;
						font-weight: Regular;

						view {
							margin: 6rpx 10rpx 4rpx;
							width: 2rpx;
							height: 20rpx;
							background-color: #D9D9D9;
						}
					}


					.card-text1 {
						margin: 24rpx 0 20rpx;

						display: flex;
						height: 36rpx;

						text {
							display: inline-block;
							padding: 0 8rpx;
							height: 36rpx;
							line-height: 36rpx;
							color: #C9A771;
							border: 1rpx solid #DCC7AB;
							border-radius: 4rpx;
							margin-right: 12rpx;
							font-size: 22rpx;
						}

					}

					.card-price {
						// margin-top: 4rpx;
						// font-weight: Bold;
						// padding: 10rpx;
						display: flex;
						justify-content: space-between;
						font-size: 28rpx;
						color: #FF4141;

					}
				}
			}
		}

	}


	.u-time {
		height: 60vh !important;
	}

	:deep(uni-scroll-view) {
		height: 60vh !important;
	}
</style>


<style lang="less">
	.u-tag__text--mini {
		line-height: 14rpx !important;
		font-size: 22rpx !important;
	}

	.u-tag-wrapper {
		margin-right: 8rpx !important;
	}

	// .u-icon__icon {
	// 	font-size: 40rpx !important;
	// }

	.u-calendar-month__days__day {
		height: 104rpx !important;
	}

	.u-calendar__confirm .u-button {
		width: calc(100% - 24rpx) !important;
		height: 88rpx !important;
		// background: #007A69 !important;
		border-radius: 44rpx !important;
	}

	.u-calendar__confirm .u-button text {
		font-size: 32rpx !important;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #FFFFFF !important;
	}

	.u-calendar scroll-view {
		height: 600rpx !important;
	}
</style>